/<template>
  <div>
      <Swiper></Swiper>
      <nav>
          <ul>
              <li v-for="item,index in nav" :key="index">
                  <van-icon name="star-o" />
                  {{item}}
              </li>
          </ul>
      </nav>
     <h2>
         <a href="#">职位列表</a>
         <span @click="$router.push('/set')">求职意向</span>
     </h2>
  </div>
</template>

<script>
import Swiper from "@/components/Swiper.vue"
export default {
    data(){
        return{
           nav:["直招兼职","附近兼职","直招兼职","附近兼职"]
        }
    },
   components: {
       Swiper//轮播图组件
   },
}
</script>

<style lang="scss">
.my-swipe{
    width:100%;
    height:1.5rem;
    background:pink;
}
nav{
    width:100%;
    height:1rem;
    margin-top: .1rem;
    ul{
         width:100%;
    height:1rem;
    display:flex;
    justify-content: space-around;
        li{
           display: flex;
           align-items: center;
           flex-direction: column;
        }
    }
}
h2{
    width: 100%;
    height:.5rem;
    display: flex;
    justify-content:space-between;
    padding:0 .1rem;
}
</style>